﻿
@{
    ViewBag.Title = "菜单";
    var F = @Html.F();
}
@section body {
    @(
                F.Panel()
                 .ID("Panel1")
                 .ShowBorder(false)
                 .ShowHeader(false)
                 .Layout(LayoutType.Region)
                 .RegionSplitWidth(10)
                 .IsViewPort(true)
                 .Items(
                    F.Tree()
                     .RegionSplit(true)
                     .EnableCollapse(true)
                     .RegionPosition(Position.Left)
                     .Width(250)
                     .Title("菜单列表")
                     .TitleToolTip("菜单列表")
                     .ShowBorder(true)
                     .ShowHeader(true)
                     .BodyPadding(5)
                     .ID("treeMenu")
                     .Listener("nodeclick", "onTreeNodeClick")
                     .Nodes((TreeNode[])ViewBag.TreeMenuNodes)
                     ,
                    F.Form()
                     .RegionPosition(Position.Center)
                     .Title("菜单编辑")
                     .BodyPadding(5)
                     .ID("EditForm")
                     .Rows(
                        F.FormRow()
                        .Items(
                            F.TextBox()
                            .ID("txtsys720")
                            .Label("菜单名称")
                            .Required(true)
                            .Attribute("data", "System_7_20"),
                            F.NumberBox()
                            .ID("txtsys7100")
                            .Attribute("data", "System_7_100")
                            .Label("顺序号")
                            .Required(true)
                            ),
                        F.FormRow()
                        .Items(
                            F.DropDownList()
                            .ID("ddlsys730")
                            .Label("对应功能")
                            .EnableSimulateTree(true)
                            .DataValueField("SYSTEM_6_10")
                            .DataTextField("SYSTEM_6_20")
                            .DataSimulateTreeLevelField("_TreeLevel").AutoShowClearIconEx(true)
                            .DataSource(ViewBag.ddlsys730DataSource)
                            .Attribute("data", "System_7_30"),
                            F.DropDownList()
                            .ID("ddlsys750")
                            .Label("弹出页面")
                            .Attribute("data", "System_7_50")
                            .Items(
                                F.ListItem()
                                .Text("是").Value("1"),
                                F.ListItem()
                                .Text("否").Value("0").Selected(true)
                                )
                            ),
                        F.FormRow()
                        .Items(
                            F.DropDownList()
                            .ID("ddlsys760")
                            .Label("上级菜单")
                            .Attribute("data", "System_7_60")
                            .EnableSimulateTree(true)
                            .DataValueField("SYSTEM_7_10")
                            .DataSimulateTreeLevelField("_TreeLevel")
                            .DataTextField("SYSTEM_7_20").AutoShowClearIconEx(true)
                            .DataSource(ViewBag.ddlsys760DataSource)
                            ),
                        F.FormRow()
                        .Items(
                            F.TextBox()
                            .ID("txtsys7110")
                            .Label("参数")
                            .Attribute("data", "System_7_110")
                            )
                        )
                        .Toolbars(
                            F.Toolbar()
                             .Position(ToolbarPosition.Top)
                             .Items(
                                F.Button().ID("btnadd").Text("新增").IconFont(IconFont.Plus).OnClientClick("btnadd_Click()"),
                                F.Button().ID("btnedit").Text("修改").IconFont(IconFont.Edit).OnClientClick("btnedit_Click()"),
                                F.Button().ID("btndelete").Text("删除").IconFont(IconFont.Close).OnClientClick("btndelete_Click()"),
                                F.ToolbarSeparator(),
                                F.Button().ID("btnsave").Text("保存").IconFont(IconFont.Save).OnClientClick("btnsave_Click()"),
                                F.Button().ID("btnsavenew").Text("保存并新增").IconFont(IconFont.Copy),
                                F.Button().ID("btnclose").Text("取消").OnClientClick("btnclose_Click()")
                                )
                        )
                    )
    )
}

@section script {

    <script>
        F.ready(function () {
            setuse(false);
            $(F.ui.treeMenu.el).find(".f-tree-node").eq(1).click();
        });
        //树节点点击事件
        function onTreeNodeClick(e, nodeId) {
            setuse(false);
            F.ui.EditForm.DataID = nodeId;
            F.ui.treeMenu.upNode = nodeId;
            F.doPostBack('@Url.Action("treeMenu_NodeClick")', {
                nodeId: nodeId
            });
        }
        //启用按钮
        function setuse(b) {
            F.ui.EditForm.fieldReadnly(!b);//编辑
            F.ui.btnsave.setEnabled(b);
            F.ui.btnsavenew.setEnabled(b);
            F.ui.btnclose.setEnabled(b);
        }
        //修改
        function btnedit_Click() {
            setuse(true);
        }

        //删除
        function btndelete_Click() {
            confirmEx("是否删除选中项", function () {
                F.doPostBack('@Url.Action("btndelete_Click")', {
                    id: F.ui.EditForm.DataID
                });
            });
        }
        //新增
        function btnadd_Click() {
            setuse(true);
            F.ui.EditForm.DataID = 0;
            F.ui.EditForm.reset();

        }
        //取消
        function btnclose_Click() {
            var node = F.ui.treeMenu.upNode;
            F.ui.treeMenu.selectNode(node);
            onTreeNodeClick(null, node)
            //setuse(false);
        }
        //保存
        function btnsave_Click() {
            var data = F.ui.EditForm.getdata(true);//得到数据
            data.System_7_10 = F.ui.EditForm.DataID;
            if (data) {
                F.doPostBack('@Url.Action("btnsave_Click")', {
                    ms: data
                });
            }
        }
    </script>
}